<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>会员注册</title>

    <link rel="stylesheet" href="css/projectmain.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/Register.css">
</head>
<body>
    <div class="main">
        <div class="head">
            <a href="http://www.wyzyz.org" class="logo">
                <img src="http://www.cflac.org.cn/zhiyuanzhe/image/logo.png" alt="">
            </a>
            <div class="topSearch">
                <form action="http://www.cflac.org.cn/was5/web/search" method="POST" accept-charset="UTF-8">
                    <input type="text" value="站内搜索..." class="input1">
                    <input type="image" class="btn1" src="http://www.wyzyz.org/images/topBtn.gif">
                </form>
            </div>
        </div>
        <div class="nav">
            <ul>
                <li><a href="http://www.wyzyz.org" class="aNow" style="width: 37px;">首 页</a></li>
                <li><a href="#" class="aNow">要闻资讯</a></li>
                <li><a href="#" class="aNow">精彩视频</a></li>
                <li><a href="#" class="aNow">品牌活动</a></li>
                <li><a href="#" class="aNow">各地联动</a></li>
                <li><a href="#" class="aNow">志愿者协会</a></li>
                <li><a href="#" class="aNow">名家公益</a></li>
                <li><a href="#" class="aNow">志愿之星</a></li>
                <li><a href="#" class="aNow">互动交流</a></li>
                <li><a href="#" class="aNow">资料下载</a></li>
            </ul>
        </div>


        <div class="signin-form">
            <div class="register-header">个人基本信息</div>
            <div class="register-title">账号信息</div>
            <section class="part">
                <div class="contentl">
                    <div class="item register-item"><lable class="register-lable">*用户名</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">*确认用户名</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">*密码</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">*确认密码</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">*电子邮箱</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">*确认电子邮箱</lable><input class="register-normal-input" type="text"></div>
                </div>
                <div class="contentr">
                    <div class="item register-item"><lable  class="register-lable">*邀请码</lable><input class="register-normal-input" type="text"></div>
                </div>
            </section>

            <div class="register-title">个人基本信息</div>
            <section class="part">
                <div class="contentl">
                    <div class="item register-item"><lable class="register-lable">*姓名</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">民族</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">身份证号</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">所属组织</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item">
                        <lable class="register-lable">常驻地址</lable>
                        <select style="margin-left: 120px;">
                            <option value="city">所在城市</option>
                        </select>
                        <select>
                            <option value="region">区/县</option>
                        </select>
                    </div>
                    <div class="item register-item"><input class="register-normal-input" type="text" style="margin-left: 120px;"></div>                    
                    <div class="item register-item"><lable class="register-lable">*手机</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">固定电话</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">职务</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">毕业院校</lable><input class="register-normal-input" type="text"></div>                    
                    <div class="item register-item">
                        <lable class="register-lable">最高学历</lable>
                            <select style="margin-left: 120px">
                                <option value="region">研究生以上</option>
                                <option value="region">大学</option>
                                <option value="region">大专</option>
                                <option value="region">高中</option>
                                <option value="region">中专</option>                                
                                <option value="region">初中</option>                                
                                <option value="region">小学</option>                                
                                
                            </select>
                        </div>
                </div>
                <div class="contentr">
                    <div class="item register-item">
                        <lable class="register-lable">*性别</lable>
                        <form style="margin-left: 120px;">
                            <lable><input type="radio" checked="checked" value="male">男</lable>
                            <lable><input type="radio" value="female">女</lable>
                        </form>
                    </div>
                    <div class="item register-item"><lable class="register-lable">政治面貌</lable>
                        <select style="margin-left: 120px">
                            <option value="region">党员</option>
                            <option value="region">预备党员</option>
                            <option value="region">团员</option>
                            <option value="region">群众</option>
                        </select>
                    </div>
                    <div class="item register-item">
                        <lable class="register-lable">健康状况</lable>
                            <select style="margin-left: 120px">
                                <option value="region">良好</option>
                                <option value="region">差</option>
                            </select>
                        </div>
                    <div class="item register-item"><lable class="register-lable">邮编</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">QQ</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">微信号</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">微博</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">职称</lable><input class="register-normal-input" type="text"></div>
                    <div class="item register-item"><lable class="register-lable">专业</lable><input class="register-normal-input" type="text"></div>
                </div>
            </section>

            <div class="register-title">文艺专长</div>
            <div class="part">
                <form id="expertise">
                    <label><input type="checkbox" value="" />音乐 </label>
                    <label><input type="checkbox" value="" />电视 </label>
                    <label><input type="checkbox" value="" />舞蹈 </label>
                    <label><input type="checkbox" value="" />美术 </label>
                    <label><input type="checkbox" value="" />书法 </label>                    
                    <label><input type="checkbox" value="" />摄影 </label>                    
                    <label><input type="checkbox" value="" />戏剧 </label> 
                    <br>     
                    <label><input type="checkbox" value="" />电影 </label>
                    <label><input type="checkbox" value="" />杂技 </label>
                    <label><input type="checkbox" value="" />曲艺 </label>
                    <label><input type="checkbox" value="" />作家 </label>
                    <label><input type="checkbox" value="" />艺术设计 </label>                    
                    <label><input type="checkbox" value="" />民间文艺 </label>                    
                    <label><input type="checkbox" value="" />其他 </label>               
                </form>
            </div>

            <div class="btn-submit">
                <button>申请成为文艺志愿者</button>
            </div>

            <div class="agreement">
                <textarea name="" id="" readonly="readonly" cols="30" rows="10">
                                                        中国文艺志愿者协议
                                    文艺志愿者 文艺志愿者 文艺志愿者 文艺志愿者 文艺志愿者 文艺志愿者 
                </textarea>
            </div>
        </div>

        <div class="footLink">
        <h1>链接</h1>
        </div>
        <div class="pageTitle">
            <a href="#">中国文联</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国作协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国剧协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国影协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国音协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国美协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国曲协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国舞协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国民协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国摄协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国书协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国杂协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国视协</a><span style="font-size: 12px;"> | </span>
            <a href="#">中国文学艺术基金会</a><span style="font-size: 12px;"></span>
        </div>
        <div class="foot-content">
            <div class="fl">
                <img src="http://www.wyzyz.org/position/201311/W020131122395902660584.jpg" alt="" style="width: 696px;height: 140px;">
            </div>
            <div class="fr">
                <img src="http://www.wyzyz.org/position/201311/W020141017430301807582.jpg" alt="" style="width: 270px;height: 140px;">
            </div>
        </div>

        <div class="footDiv">
            <div class="div0">
                <a href="#">联系咨询</a>|
                <a href="#">投诉建议</a>|
                <a href="#">文艺论坛</a>|
                <a href="#">职能部门</a>|
                <a href="#">团体会员</a>|
                <a href="#">组织结构</a>|
            </div>
            京ICP备14001194号　京公网安备11010502025171  中国文艺志愿者网　版权所有
        </div>


    </div>
    
</body>
</html>